<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="common/top"></div>
    <div id="Content">
        <div id="BackLink">
            <a href="/catalog/view">Return to Main Menu</a>
        </div>

        <div id="Catalog">

            <table >
                <tr>
                    <th>&nbsp;</th>
                    <th>Product ID</th>
                    <th>Name</th>
                </tr>

                <tr th:each="product:${productList}">
                    <td>
                        <label><img th:src="${product.descriptionImage}" ></label>
                        <label th:text="${product.descriptionText}"></label>
                    </td>
                    <td>
                        <b>
                            <a th:href="'/catalog/viewProduct?productId='+${product.productId} ">
                                <font color="BLACK" th:text="${product.productId}">Product ID</font>
                            </a>
                        </b>
                    </td>
                    <td th:text="${product.name}">
                        Product Name
                    </td>
                </tr>
                <!--<c:forEach var="product" items="${sessionScope.productLists}">
                    <tr>
                        <td>
                            <a href="viewProduct?productId=${product.productId}">${product.description}</a>
                        </td>
                        <td><b>
                            <a href="viewProduct?productId=${product.productId}"><font color="BLACK">${product.productId}</font></a>
                        </b></td>
                        <td>${product.name}</td>
                    </tr>
                </c:forEach>-->
                <tr>
                    <td></td>
                </tr>

            </table>

        </div>
    </div>
<div th:replace="common/bottom"></div>
</body>
</html>